/* 点击 */
.dianji{
    @apply cursor-pointer select-none hover:text-blue-500 active:text-red-500
}
/* 垂直水平居中 */
.juzhong1{
    @apply flex justify-center items-center
}
/* 垂直水平居中 */
.juzhong2 {
    @apply flex justify-center content-center
}
/* 标题文字 */
.titletext{
    @apply text-3xl font-semibold
}





/*修改全局样式*/
/* dialog的样式覆盖*/
.n-dialog{
    padding: 10px!important;
}
.n-dialog__close{
    margin-top: 3px!important;
    margin-right: 3px!important;
}
/*导航菜单的样式*/
/* 布局样式覆盖 */
.n-layout-scroll-container{
    display:flex;
    flex-direction:column;
}
/* 卡片边距覆盖 */
.n-card > .n-card__content:first-child, .n-card > .n-card__footer:first-child{
    /*padding-bottom: 5px;*/
    /*padding-top: 5px;*/
    padding-top: 5px;
}
.n-card > .n-card__content, .n-card > .n-card__footer{
    padding-bottom: 5px;
}
/*修改日期选择器，宽度*/
.n-date-picker{
    width: 100%;
}

/* 覆盖描述列表的样式 */
/*.n-descriptions-table-row{*/
/*    display: flex;*/
/*}*/
/*.n-descriptions-table-header{*/
/*    flex-shrink: 0;*/
/*}*/
/*覆盖dialog和model的默认宽度，使用自动宽度*/
.n-dialog.n-modal{
    width: auto!important;
    min-width: 400px!important;
    min-height: 100px!important;
    max-width: 80vw;
}
/*覆盖tag的默认样式*/
.biaoqian{
    @apply flex cursor-pointer;
}
.biaoqian > .n-tag__content{
    @apply flex-1 text-center;
}

.biaoqian > .n-base-close:hover{
    @apply text-red-500;
}




/*滚动条区域*/
html {
    box-sizing: border-box;
    scrollbar-width: thin;
}

*,
*:before,
*:after {
    box-sizing: inherit;
    scrollbar-width: inherit;
}

/*伪元素无法继承*/
*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-thumb {
    background: hsl(214, 13%, 75%);
    border-radius: 4px;
}

/*滚动条区域*/


.modelTile{
    @apply text-3xl
}



